<template>
		<div class="mui-content">
			<button id="startScan" class="mui-btn mui-btn-success" @click="scanme">开始扫描</button>
			<!-- <button id="cancelScan" class="mui-btn mui-btn-success">取消扫描</button>
			<button id="setFlash" class="mui-btn mui-btn-success">开启/关闭闪光灯</button> -->
			<div id= "bcid"></div>
		</div>
</template>

<script>
    export default {
    name: 'ScanQRCode',
      mounted: function(){

      },
      methods:{
        
       
        // 开始扫描
        scanme:function(){
          let scan = null;
           // 创建扫描控件
          function startRecognize() {
            alert("11")
            scan = new plus.barcode.Barcode('bcid');
            scan.onmarked = onmarked; 
          }
          // 条码识别成功事件
          function onmarked( type, result ) {
            alert("22")
            var text = '未知: ';
            switch(type){
              case plus.barcode.QR:
              text = 'QR: '; // 二维码
              break;
              case plus.barcode.EAN13:
              text = 'EAN13: ';
              break;
              case plus.barcode.EAN8:
              text = 'EAN8: ';
              break;
            }
            alert( text+result );
          }
          startRecognize();
          scan.start();
        }

        //   let scan = null;
        //   alert("22")
        //   // index.html // 扩展API是否准备好，如果没有则监听“plusready"事件 
        //     if (window.plus) {
        //         alert("if");
        //     //    plusReady(); // alert(window.plus) 
        //        startScan()
        //     } else {
        //         alert("else");
        //          document.addEventListener("plusready", plusReady, false); 
        //     } 
        //     // 扩展API准备完成后要执行的操作 
        //     function plusReady() {
        //          var ws = plus.webview.currentWebview(); //pw回车可输出plus.webview // ... code 
        //          alert('这是ready')  
        //     }

        //     // 开始扫描
        //         function startScan() {
        //         if (!window.plus) return
        //         scan.start()
        //         }

    //    //开启扫描
    //        try{  
    //           var filter;  
    //          //自定义的扫描控件样式  
    //          var styles = {frameColor: "#29E52C",scanbarColor: "#29E52C",background: ""}  
    //         //扫描控件构造  
    //         scan = new plus.barcode.Barcode('bcid',filter,styles);  
    //         alert('filter:'+filter)
    //         scan.onmarked = onmarked;   
    //         scan.onerror = onerror;  //扫描错误
    //         scan.start();  
    //         //打开关闭闪光灯处理  
    //         var flag = false;  
    //         document.getElementById("turnTheLight").addEventListener('tap',function(){  
    //            if(flag == false){  
    //               scan.setFlash(true);  
    //               flag = true;  
    //            }else{  
    //              scan.setFlash(false);  
    //              flag = false;  
    //            }  
    //         });  
    //       }catch(e){  
    //         alert("出现错误啦:\n"+e);  
    //          }
             
    //          function onerror(e){  //错误弹框
    //                 alert(e);  
    //         };  
    //         function onmarked( type, result ) {  //这个是扫描二维码的回调函数，type是扫描二维码回调的类型
    //                 var text = '';  
    //                 switch(type){ //QR,EAN13,EAN8都是二维码的一种编码格式,result是返回的结果
    //                     case plus.barcode.QR:  
    //                     text = 'QR: ';  
    //                     break;  
    //                     case plus.barcode.EAN13:  
    //                     text = 'EAN13: ';  
    //                     break;  
    //                     case plus.barcode.EAN8:  
    //                     text = 'EAN8: ';  
    //                     break;  
    //                 }  
    //                 alert( text + " : "+ result );  
                      
    //         };
    

    // // 想要获取一个最接近 1280x720 的相机分辨率 调用摄像头
    // var constraints = { audio: true, video: { width: 1280, height: 720 } }; 

    // navigator.mediaDevices.getUserMedia(constraints)
    // .then(function(mediaStream) {
    //     var video = document.querySelector('video');
    //     video.srcObject = mediaStream;
    //     video.onloadedmetadata = function(e) {
    //         video.play();
    //     };
    // })
    // .catch(function(err) { alert(err.name + ": " + err.message); }); // 总是在最后检查错误

        // document.getElementById("startScan").addEventListener('tap',function(){
        //   startRecognize();
        //   scan.start();
        // })
        // 取消扫描
        // document.getElementById("cancelScan").addEventListener('tap',function(){
        //   startRecognize();
        //   scan.cancel();
        // })
        // //  开启和关闭闪光灯
        // document.getElementById("setFlash").addEventListener('tap',function(){
        //   startRecognize();
        //   isOpen = !isOpen;
        //   if(isOpen){
        //     scan.setFlash(true);
        //   }else{
        //     scan.setFlash(false);
        //   }
        // })
      }
    }
   
</script>
<style scoped>
    #startScan{
      width: 100%;
      height: 0.6rem;
    }
</style>

